.tipso_bubble, .tipso_bubble > .tipso_arrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.tipso_bubble {
  position: absolute;
  text-align: center;
  border-radius: 6px;
  z-index: 9999;
  padding: 10px
}
.tipso_bubble > .tipso_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid;
  pointer-events: none
}
.tipso_bubble.top > .tipso_arrow {
  border-color: #000 transparent transparent;
  top: 100%;
  left: 50%;
  margin-left: -8px
}
.tipso_bubble.bottom > .tipso_arrow {
  border-color: transparent transparent #000;
  bottom: 100%;
  left: 50%;
  margin-left: -8px
}
.tipso_bubble.left > .tipso_arrow {
  border-color: transparent transparent transparent #000;
  top: 50%;
  left: 100%;
  margin-top: -8px
}
.tipso_bubble.right > .tipso_arrow {
  border-color: transparent #000 transparent transparent;
  top: 50%;
  right: 100%;
  margin-top: -8px
}